<template>
  <n-button type="primary" v-bind="{ ...attrs }">
    <template #icon>
      <i class="iconfont icon-jiahao"></i>
    </template>
    <template v-for="(_, name) in slots" #[name]="scope">
      <slot :name="name" v-bind="scope || {}"></slot>
    </template>
  </n-button>
</template>
<script setup lang="jsx">
defineOptions({ name: 'AddButton' })
const attrs = useAttrs()
const slots = useSlots()
</script>
<style lang="scss" scoped>
:deep() {
  .n-button__border {
    box-shadow: 0px 3px 8px 0px rgba(23, 121, 248, 0.47);
  }
}
</style>
